<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>Neditor 富文本编辑器</span>
        <el-link
          href="https://github.com/caiya/vue-neditor-wrap"
          target="_blank"
          style="float: right; padding: 3px 0"
        >文档</el-link>
      </div>
      <el-row :gutter="20">
        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
          <NeditorCom :text.sync="content" />
        </el-col>
        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
          <el-input type="textarea" v-model="content"></el-input>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>
<script>
import NeditorCom from "../../components/NeditorCom";
export default {
  name: "Neditor",
  data() {
    return {
      content: "大家好我是 Hzy"
    };
  },
  components: { NeditorCom },
  mounted() {},
  methods: {}
};
</script>